﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<LINK rel="Bookmark" href="/favicon.ico" >
<LINK rel="Shortcut Icon" href="/favicon.ico" />
<!--[if lt IE 9]>
<script type="text/javascript" src="/Public/lib/html5.js"></script>
<script type="text/javascript" src="/Public/lib/respond.min.js"></script>
<script type="text/javascript" src="/Public/lib/PIE_IE678.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="/Public/statics/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="/Public/statics/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="/Public/lib/Hui-iconfont/1.0.7/iconfont.css" />
<link rel="stylesheet" type="text/css" href="/Public/lib/icheck/icheck.css" />
<link rel="stylesheet" type="text/css" href="/Public/statics/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="/Public/statics/h-ui.admin/css/style.css" />
<!--[if IE 6]>
<script type="text/javascript" src="/Public/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<style type="text/css">
.preview
{ width:200px;}
</style>
<title>图片列表</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 图片管理 <span class="c-gray en">&gt;</span> 图片列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
	<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"> <a href="javascript:;" onclick="picture_add('添加图片','https://15580083.qcloud.la/Admin/resource/pictureadd')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加图片</a></span></div>
	<table id="example" class="table table-border table-bordered table-bg table-hover table-sort">
		<thead>
			<tr class="text-c">
				<th width="60">ID</th>
				<th width="100">图片名称</th>
				<th>图片url</th>
				<th width="180">图片预览</th>
			</tr>
		</thead>
	</table>
</div>
<script type="text/javascript" src="/Public/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="/Public/lib/layer/2.1/layer.js"></script> 
<script type="text/javascript" src="/Public/lib/datatables/1.10.0/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="/Public/statics/h-ui/js/H-ui.js"></script> 
<script type="text/javascript" src="/Public/statics/h-ui.admin/js/H-ui.admin.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$.ajax({
		url: 'https://15580083.qcloud.la/Admin/resource/picture_list',
		method: 'GET',
		success: function(data) {
			$('#example').DataTable({
				data: JSON.parse(data),
				columns: [
					{"data":"id"},
					{"data":"key"},
					{"data":"url"}
				],
				columnDefs: [{
					targets: 2,
					render: function(data, type, row, meta) {
		            	return 'https://om536p71r.qnssl.com/'+ row.key;
		            }
		    	},{
					targets: 3,
		        	render: function(data, type, row, meta) {
		            	return '<img width="150" src="https://om536p71r.qnssl.com/'+ row.key +'" >';
		        	}
		    	}]
			})
		}
	})
});
/*图片-添加*/
function picture_add(title,url){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}

</script>
</body>
</html>